<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
</head>
<body>
<a href="./p3.html">跳转至第三个页面</a>
<a href="https://www.baidu.com" target="_blank">跳转至百度</a>
<a href="https://www.bilibili.com">
    <img src="favicon.ico">
</a>
<hr>
<a href="https://www.baidu.com" target="_blank">跳转至百度</a>
<a href="https://www.baidu.com" target="_self">跳转至百度</a>
<hr>
<a href="#1">跳转至第一章节</a>
<a href="#2">跳转至第二章节</a>
<a href="#3">跳转至第三章节</a>
<h1>西游记</h1>
<h3 id="1">第一章 唐僧出山</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto commodi culpa dicta distinctio dolorem,
    ducimus eligendi error excepturi, hic ipsa ipsum natus officiis, porro quisquam sed similique ut voluptatem
    voluptatibus?</p>
<p>Consequuntur explicabo illum iusto, maxime similique sint. Asperiores aut commodi cupiditate deleniti distinctio
    eligendi et eum expedita iure tenetur, vero voluptates. Ducimus illum itaque optio rem unde voluptatibus.
    Accusamus, autem.</p>
<p>Debitis fuga ipsa itaque iusto odio, omnis perspiciatis? Consectetur, consequatur dolore dolorum enim eos esse
    fuga in ipsum iusto nobis odit quam quod rerum saepe sed totam vel veritatis voluptatibus.</p>
<p>Architecto ea enim et ex libero necessitatibus pariatur quaerat reiciendis? Alias aperiam atque beatae
    consectetur culpa cumque dolores eligendi enim, fugiat harum labore non odio optio qui sapiente voluptate
    voluptatibus.</p>
<p>Aliquid at dignissimos eligendi minima nemo nesciunt, nisi nostrum officiis praesentium provident quo tempore ut
    veritatis! Accusamus beatae doloremque ea enim, excepturi iste iusto nesciunt, non numquam odit porro sunt.</p>
<p>Aperiam culpa debitis delectus deleniti dolores doloribus ducimus earum eius esse ex incidunt ipsam laborum
    laudantium nam necessitatibus nobis, non placeat possimus quasi repudiandae sequi sit soluta tempora!
    Consequuntur, fugiat.</p>
<p>Accusantium dolore laudantium nesciunt qui quidem reiciendis rem tenetur unde. Aliquid animi aperiam asperiores
    commodi culpa eos, facilis fuga fugit incidunt neque numquam obcaecati optio quasi? Ab ipsam perferendis
    repudiandae?</p>
<p>Blanditiis excepturi odio odit quaerat totam! Eaque, sint tempore. Alias aliquam aliquid blanditiis, dolor fugiat
    in ipsa ipsum itaque labore magni maxime nulla optio quam quibusdam rem similique vero! Quasi.</p>
<p>Consectetur eius expedita inventore odit perferendis recusandae, suscipit ullam vel. Accusamus animi aut
    blanditiis consequuntur dolor, eum, in ipsam iusto libero magni placeat quaerat quidem rerum sequi tempore velit
    voluptatum.</p>
<p>Aspernatur autem et harum id in incidunt recusandae rem, sit voluptate voluptatibus. Cupiditate error illum iusto
    magnam nulla provident quasi quis quo repellat repudiandae, rerum sequi totam veritatis. Dolores, ea?</p>
<p>At dolores eligendi esse, illum inventore iste necessitatibus obcaecati officia quibusdam ut? Consequuntur
    ducimus, eius eligendi facere hic incidunt iste iusto nostrum, officiis porro provident ratione reprehenderit
    sunt tempora voluptate.</p>
<p>Eum, numquam, omnis. Assumenda deleniti expedita, facilis illo iure natus possimus quae, quidem rem repellat
    tempora voluptatem! Eligendi minima modi porro repudiandae voluptatum? Deserunt ducimus eaque est explicabo nisi
    odio?</p>
<p>A aspernatur assumenda aut commodi dolorem earum eos eum fugit harum itaque laboriosam laborum nemo neque officia
    perferendis perspiciatis possimus, praesentium quia quidem repellat repudiandae sequi, temporibus unde vero,
    voluptate!</p>
<p>Aperiam assumenda commodi consequuntur cumque dolores earum eius expedita explicabo facilis impedit, in inventore
    ipsa laboriosam laborum laudantium molestias odio possimus quas quis ratione repellat reprehenderit sed suscipit
    tempore voluptate.</p>
<p>At, beatae consectetur error facere fugit id impedit laboriosam modi molestias necessitatibus, nesciunt omnis
    placeat quas soluta sunt suscipit tempore vero! Aliquid at ipsa laboriosam! Amet cumque dolore eos
    voluptate?</p>
<p>Alias aliquam aperiam consequatur dignissimos, dolorem enim esse facilis fugit harum illo iusto nobis, omnis
    rerum sint totam unde vero, voluptatibus. A atque, dolorum eaque enim esse fuga ipsam repellat?</p>
<p>Accusamus consequuntur deleniti dignissimos eaque facere, fugiat illum ipsam libero magni nostrum optio, quaerat
    ratione? Aut dicta, dignissimos distinctio explicabo illo ipsa iure, molestiae necessitatibus quidem, reiciendis
    similique temporibus tenetur.</p>
<p>Eaque eum minima molestias quaerat quisquam reprehenderit voluptas. Aliquam assumenda deserunt dolorem enim, hic
    illum laborum nisi obcaecati odit perferendis quam ratione rem, repellat tempora unde veniam voluptate?
    Doloribus, similique?</p>
<p>Ab accusamus alias amet animi cupiditate, deserunt doloremque dolores, dolorum ea eius in incidunt iusto,
    molestias mollitia natus nisi nostrum odio officia ratione repellat sit sunt tempora unde voluptas
    voluptates.</p>
<p>Assumenda at corporis distinctio dolore dolorem dolores doloribus ea eveniet harum illum impedit maxime molestiae
    nam neque nesciunt numquam provident quaerat quia suscipit, tempore totam ullam voluptatibus. Consequatur rerum,
    voluptas.</p>
<p>Dolor eius, exercitationem fugiat id omnis sapiente sunt voluptatibus. Architecto asperiores atque distinctio
    eius error explicabo iusto laudantium magnam molestiae, neque praesentium, ullam voluptatum. Ipsam molestiae nam
    porro quis quos!</p>
<p>Alias aliquam aperiam blanditiis consectetur, consequatur debitis delectus dicta eligendi et excepturi facere,
    facilis fugit harum iure maiores nihil pariatur quasi quia quis reiciendis rem repellat rerum soluta tempora
    ullam?</p>
<p>Aspernatur atque consequatur corporis, cum cumque dolore dolorem eos est magni molestiae neque nihil provident
    ratione recusandae totam velit veniam voluptate! Corporis dolor maiores molestiae natus perspiciatis rem ullam,
    vero?</p>
<p>Aliquid animi architecto eaque, in ipsa nisi nostrum obcaecati odit quas quasi quis temporibus voluptate?
    Consequuntur deleniti earum eius, esse facilis impedit maiores mollitia, non obcaecati quae quod, soluta
    vitae?</p>
<p>Earum exercitationem iste iusto maiores nulla omnis quia quisquam? Minus quae qui totam velit voluptas! Ad
    aspernatur delectus dolorum, ea et maiores nesciunt quaerat quisquam ullam unde! Accusantium, exercitationem,
    suscipit.</p>
<p>Ad alias, asperiores aspernatur beatae deserunt dolor esse harum hic laudantium molestiae mollitia nulla
    obcaecati perspiciatis recusandae sed vel veritatis! Adipisci aliquid autem esse ex facere ipsa minima natus
    odio?</p>
<p>Alias dolores itaque similique. Aperiam autem dignissimos ducimus est eum magnam molestiae quas quidem.
    Cupiditate inventore perferendis sequi sunt temporibus. Dolores eos in iste magnam maiores necessitatibus
    officiis optio suscipit!</p>
<p>Accusantium aliquid at, cupiditate deleniti deserunt doloribus dolorum ea eaque earum est ex fuga inventore ipsam
    magnam, minima molestias necessitatibus nihil nisi odit quae quo sapiente tempora tenetur unde vel.</p>
<p>Ad aliquid, animi blanditiis dolorum eius enim incidunt itaque nam nobis numquam officia perferendis, placeat
    quae quo repellendus sapiente sint, tenetur? Asperiores dignissimos distinctio hic modi, obcaecati provident
    quos reiciendis!</p>
<p>Accusamus aperiam aut consequatur debitis delectus deserunt earum, eius error fuga inventore ipsum iste iusto,
    molestiae nesciunt nihil nisi non quam quasi, quis recusandae sequi sit soluta suscipit tempore voluptas.</p>
<h3 id="2">第二章 龙宫借宝</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut dicta dolorum excepturi optio quasi rerum sapiente
    tempore? At, dicta dolor dolorem dolorum et, eveniet ipsa minus, officia sequi ullam voluptatum.</p>
<p>A assumenda blanditiis distinctio doloremque fugit illum repellendus sequi soluta. Ad, aperiam aspernatur at
    delectus earum esse excepturi harum inventore magni modi nemo nobis, non omnis quibusdam tempore vitae
    voluptas?</p>
<p>Adipisci aliquam, aut dolor et, eum fugit in ipsa perferendis quae quos vel, vitae? Accusantium autem
    consequuntur cupiditate, eos exercitationem expedita inventore labore nobis nulla officia perferendis quaerat,
    rem totam!</p>
<p>Asperiores aut esse fugiat illo iure! Eveniet hic libero maiores modi nihil porro recusandae tempore! A dolorum
    esse explicabo hic mollitia optio possimus quod reiciendis vero. Ad quo voluptates voluptatum.</p>
<p>Aspernatur, atque blanditiis fugit illum ipsa laudantium quasi? Corporis dolorem eligendi ipsam ipsum itaque
    necessitatibus odio provident quia sint sit. Beatae deserunt eius, esse ex iure mollitia tenetur ullam
    voluptatibus?</p>
<p>Ad alias aspernatur atque, cupiditate deleniti dignissimos dolor dolorem doloribus explicabo facilis in ipsam
    iure, possimus provident quae quidem recusandae sed suscipit vel voluptatibus. Aliquam fugiat illo ipsa iste
    odit!</p>
<p>Amet asperiores aut, distinctio dolore et maiores minus, molestiae mollitia porro provident quaerat quasi sed
    tenetur unde voluptatum. Animi aperiam dignissimos dolorum eius et hic nemo nisi, non perferendis similique.</p>
<p>Dicta dolor enim fugit iure laudantium quod totam ut voluptatum. Ad autem dolor ex molestiae quos. A adipisci
    blanditiis cum cupiditate esse, fuga, fugiat ipsum libero molestias possimus repellendus sequi.</p>
<p>Excepturi, nisi, non? Aspernatur dolore enim et id impedit laboriosam odio provident quaerat quia quis quod
    repudiandae tempore, veritatis? Amet autem ea error mollitia numquam pariatur sequi sunt totam voluptates.</p>
<p>A deleniti dolores eaque excepturi facilis harum ipsam magni nam non odio omnis, quo sint sunt tempora tempore!
    Accusantium ducimus eaque ex excepturi molestias neque rem saepe sed sit tempore?</p>
<p>Culpa dicta, eveniet incidunt inventore maiores molestias neque, nihil nulla obcaecati odio perferendis quis sed
    sunt tenetur, voluptatum! Eaque error, facilis iusto molestias perferendis qui sint sit soluta tempore
    velit?</p>
<p>Amet, aperiam consequuntur cum delectus deserunt dolorem doloremque eos id, inventore ipsam iure laboriosam magni
    natus nemo neque nesciunt numquam porro quam quas quasi quis quisquam ratione recusandae repellendus
    similique?</p>
<p>Ab ad alias consectetur deserunt dolorum ex fugit illo in, incidunt ipsam magnam nihil nulla omnis saepe sapiente
    suscipit voluptatem. Beatae dignissimos dolore impedit iste maiores natus nisi quaerat repudiandae?</p>
<p>Ab aspernatur consequuntur exercitationem hic nemo odio omnis sequi veniam! A autem beatae, debitis explicabo
    praesentium quas sit tempora? Accusamus ad alias delectus eos fugit ipsa ipsam laudantium molestiae rerum.</p>
<p>Assumenda cum esse maiores molestias sed totam voluptate voluptates. Architecto blanditiis consequatur culpa cum
    cumque eligendi eveniet impedit ipsum labore officiis provident quae quasi, quod quos recusandae sapiente,
    tenetur. Dignissimos?</p>
<p>Accusamus, dolor dolorum earum eligendi error excepturi, facere ipsum magni minus, nobis nulla sit soluta
    voluptate. Atque cum ex, ipsa laborum minus natus nostrum possimus reiciendis, totam vel vero voluptates.</p>
<p>Ab eius eum, illum modi molestias neque odit quas qui quod ratione sapiente sit soluta sunt veritatis vitae?
    Accusantium, adipisci at doloribus explicabo iste magni nemo obcaecati quod repellat sint.</p>
<p>Architecto consequuntur cupiditate dicta eius error eum minus sapiente, sunt. At beatae blanditiis commodi
    cupiditate deleniti dolorem esse explicabo, incidunt, ipsam itaque modi molestiae optio saepe sed suscipit ut
    vero.</p>
<p>Ab atque aut beatae cumque dolore doloremque dolores ex explicabo fugit illo illum ipsa labore maxime neque
    nostrum odio quaerat quibusdam quis quisquam, reiciendis sequi similique sit ullam, voluptate voluptates.</p>
<p>Commodi impedit itaque modi non officia optio porro rem repellendus reprehenderit. Aspernatur cumque laborum,
    laudantium praesentium quod ratione vero? Deleniti deserunt dolorum est, id labore molestiae quas quo
    repellendus voluptatem?</p>
<p>Alias animi architecto asperiores aspernatur at atque autem delectus doloremque, ea eveniet ex explicabo hic
    magni nihil nobis non nulla obcaecati quam, quia quibusdam quisquam reiciendis, rem reprehenderit tenetur
    veniam.</p>
<p>Dicta est fugit vel! Ab aliquid animi commodi dignissimos distinctio dolores exercitationem illo ipsum labore
    laborum necessitatibus neque officia quo rem sequi sit tempora tempore temporibus vel, vitae voluptatem
    voluptatum!</p>
<p>Consectetur cupiditate dolorum libero mollitia nihil non numquam quaerat, qui rem tenetur. Consectetur laboriosam
    quaerat reiciendis! Explicabo facilis fugit itaque placeat praesentium quo voluptate voluptatibus? Est obcaecati
    quisquam repellat voluptates.</p>
<p>Consectetur culpa doloribus, et exercitationem explicabo illo illum ipsum iste labore laborum minima mollitia
    nihil non porro quae quidem quis recusandae similique sunt unde veritatis vero voluptate voluptatum! Adipisci,
    voluptatem?</p>
<p>Consequatur culpa minus pariatur praesentium saepe tempore. Assumenda autem dicta dolore incidunt mollitia nobis
    omnis quam repellendus saepe voluptatem. Est fugiat laboriosam maxime optio perferendis provident recusandae
    saepe sapiente vel?</p>
<p>At esse eum libero? Consectetur consequuntur corporis debitis deserunt doloremque ea eaque esse est ipsa iusto
    nam nobis obcaecati, odit officia perferendis perspiciatis quasi quis vel veritatis, voluptates. Eos, nihil.</p>
<p>A distinctio, excepturi facilis illo iusto natus necessitatibus neque odio possimus tempore! Atque aut blanditiis
    in ipsum neque, odio officia omnis perferendis possimus quod saepe sit tenetur vel vitae voluptates!</p>
<p>Aut impedit laudantium sapiente velit. Accusantium at excepturi incidunt laborum neque, obcaecati optio quas
    quibusdam voluptates. Accusantium consectetur consequuntur debitis dolore ducimus error fuga iste, labore
    libero, neque quidem tempora.</p>
<p>Eaque labore neque nesciunt odio provident quaerat quidem quos recusandae velit voluptatem! Cumque, dolorem,
    necessitatibus! Dolor harum itaque maiores molestiae molestias, quae quis repellat, repudiandae sed unde vitae
    voluptatem voluptates?</p>
<p>Ab aliquid assumenda, cum debitis dolore et exercitationem facilis hic ipsa itaque maxime natus nesciunt, optio
    quae quas quidem veritatis. Aliquam assumenda autem fugit quos reiciendis! Consequatur ipsum maiores
    voluptatum!</p>
<h3 id="3">第三章 石猴出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium ad autem dicta distinctio doloremque et
    ex impedit, laudantium molestias natus nulla optio quasi quisquam repudiandae, totam ullam unde voluptates!</p>
<p>Consectetur ipsum libero rerum veniam! Blanditiis, debitis eius ipsum magni mollitia officia tempore voluptatem
    voluptatum. Asperiores dignissimos explicabo fugiat? Accusamus alias cupiditate ea explicabo ipsum iste itaque
    labore nostrum quo?</p>
<p>Nobis, odio, odit. Accusamus accusantium dicta dignissimos ducimus ea esse ipsam sapiente ut veniam, voluptates.
    At doloremque eos excepturi fugiat ipsa itaque, nulla odio quae, quod saepe sapiente sed, velit?</p>
<p>Fugiat, non, recusandae? Aliquam at corporis debitis eveniet excepturi explicabo quidem ut velit? Alias,
    asperiores consectetur deserunt dicta doloremque illo illum, maiores molestias nesciunt numquam pariatur quam
    quis sequi veritatis?</p>
<p>A aut consequatur culpa cum cupiditate delectus dicta eaque, enim, et eum impedit ipsum iusto magnam magni
    maiores minima molestiae molestias pariatur perferendis quam saepe similique sit sunt ullam voluptate.</p>
<p>Aut blanditiis corporis culpa cupiditate delectus deleniti dolorum eaque earum eos fugiat harum illo illum,
    laborum, magnam nam neque nesciunt odit quam quia quos, ratione similique sint ullam veniam voluptatum.</p>
<p>Accusamus aliquam deserunt, doloribus eaque error est in libero officia! Aspernatur atque cum dolore doloremque
    earum ex fugiat incidunt labore minus molestiae nihil nisi optio, quam qui quo quod ratione.</p>
<p>Ad aliquid asperiores cumque dolor fugiat, in maiores molestiae. Aliquam fuga maiores saepe! Aliquam commodi
    consectetur culpa dolor ea hic illum magnam molestiae nam necessitatibus non optio, recusandae velit vitae.</p>
<p>Accusantium deleniti error expedita labore laboriosam maxime minus? Dignissimos dolor eius est nemo nesciunt qui,
    sequi vel. Accusamus impedit nesciunt perferendis quis vitae! Aliquid natus rem repudiandae sit suscipit,
    vero.</p>
<p>Architecto ducimus iure molestiae officiis quis repudiandae, tempora! Consequuntur doloribus ipsum labore,
    placeat sed sint voluptas. Architecto beatae dolorem eligendi ipsam ipsum laborum quae velit? Eos eveniet iste
    quisquam repudiandae.</p>
<p>A aperiam consequuntur dolore et id illum inventore ipsam minima nihil repudiandae sunt suscipit veritatis
    voluptas voluptate, voluptatibus! Adipisci amet consequatur error molestiae nesciunt quae, quaerat quam
    quibusdam quisquam repellat!</p>
<p>Ab at nulla recusandae sunt. Expedita fugit itaque magnam quae quas quisquam quos vero voluptates voluptatibus? A
    aliquid fugiat mollitia, nemo, odit optio quis, quo rerum similique sint unde voluptates.</p>
<p>Aspernatur assumenda autem commodi, doloremque ducimus eaque error est laborum modi necessitatibus nulla quaerat
    recusandae reprehenderit tenetur veritatis. Commodi dolorum earum esse ex incidunt ipsa labore obcaecati
    provident sit voluptatem.</p>
<p>Consequuntur dicta dolorum incidunt inventore, neque optio quasi totam! Ab animi earum eius exercitationem fugit
    id incidunt inventore labore, laborum nemo numquam perspiciatis quia quisquam recusandae saepe, sunt unde
    voluptatibus?</p>
<p>Accusantium, adipisci alias aperiam architecto autem commodi debitis deleniti, doloremque doloribus dolorum eius
    et facere facilis iusto laudantium minima modi nemo nobis quia reprehenderit repudiandae tempora tenetur unde?
    Aliquam, nihil?</p>
<p>Ab, asperiores assumenda commodi corporis ea facere fuga, nulla pariatur quasi qui quos rerum temporibus
    voluptatem! Accusantium aperiam aspernatur beatae, error unde ut voluptatibus! Ab beatae fugit placeat rerum
    suscipit?</p>
<p>Accusamus animi consequuntur distinctio eligendi eos excepturi, exercitationem expedita facilis illo natus, nemo
    numquam omnis placeat porro, provident quidem sequi vitae voluptas! Ad iste iusto nulla reiciendis repellat
    saepe veniam.</p>
<p>Adipisci alias amet consectetur, cumque deserunt doloribus ex facilis, fugit incidunt ipsum iusto laudantium
    libero magnam molestiae nihil numquam officia optio placeat quia repellat sapiente soluta voluptatum?
    Blanditiis, odit, voluptatem!</p>
<p>Aliquid fugit ipsum neque, sint veniam voluptate. Architecto aut fugit maiores quod rerum. Consequuntur,
    explicabo hic inventore ipsam iure labore natus numquam perferendis repellendus sed similique vitae voluptas
    voluptatem voluptates.</p>
<p>Deleniti dicta esse non, perferendis provident quas quidem. Animi autem culpa in ipsa libero minima neque nobis
    non placeat quia, quis quod recusandae saepe sapiente sunt tempore unde? Nemo, ullam?</p>
<p>Adipisci amet beatae blanditiis commodi delectus deserunt doloribus dolorum, earum enim eos error fuga fugiat
    incidunt itaque maxime modi nihil optio, perspiciatis quasi qui quos recusandae repudiandae, sapiente tempora
    voluptatem!</p>
<p>Ab, accusamus, perferendis. Dicta distinctio doloribus et in laborum necessitatibus omnis porro qui temporibus.
    Beatae distinctio doloremque ducimus et id iusto, mollitia odit porro quidem, quis sit voluptas! Laudantium,
    quaerat.</p>
<p>Aut consequatur cum dolorum et eum incidunt magni pariatur totam! A debitis, distinctio eius est fugit illum
    minus officia quibusdam repudiandae vitae? Deserunt fuga in iusto nemo repudiandae? Cumque, delectus?</p>
<p>Distinctio facilis ipsa laboriosam laborum nam nesciunt quis repellat, sint totam velit. Accusantium corporis
    ducimus esse, eum laboriosam maxime modi, nam necessitatibus nesciunt nostrum omnis saepe, soluta tempore. Quia,
    sunt?</p>
<p>Ab autem consectetur cumque delectus deserunt dicta harum itaque labore laborum natus pariatur porro quidem
    tenetur, totam voluptatem. Ducimus in inventore laudantium quos reiciendis. Dolorem odio quam quas quo
    ullam.</p>
<p>Error facilis, ipsum? Aliquid animi atque consequuntur corporis debitis facere facilis fuga molestiae mollitia
    nostrum qui, quibusdam soluta temporibus ullam unde vel voluptate. A eaque ex, magnam obcaecati provident
    voluptatibus.</p>
<p>Accusamus at cum deserunt, ea eaque error eveniet fugit id in ipsa laboriosam mollitia nam, necessitatibus, nihil
    nobis obcaecati perspiciatis porro qui quidem ratione sequi suscipit tempora vitae voluptatem voluptatum!</p>
<p>Aperiam, asperiores cupiditate ex excepturi id quae quas veniam. Ea earum facere molestiae, odit provident quo
    sequi totam veniam. Architecto consequatur debitis dolorem, iusto laboriosam minima odio pariatur quos
    repellat.</p>
<p>A dolore ea facilis nesciunt porro tempora voluptates voluptatibus! Ab architecto delectus deleniti, dolore
    doloremque doloribus est expedita facilis fugit odio officiis porro possimus saepe temporibus veritatis. Animi,
    iusto quo.</p>
<p>A aperiam aspernatur atque autem blanditiis commodi consectetur, cumque doloremque eos facere fugiat illum ipsum
    iste labore laborum magnam maiores nostrum placeat provident quam quo ratione repellendus sed voluptatem
    voluptates!</p>
<a href="#">跳转至顶部</a>
</body>

</html>